<template>
  <div class="patient-number-date">
    <div class="patient-number-date-inside">
      <div class="header">
        <div class="left item">
          <img
              alt="左侧"
              src="@/components/assets/images/design/1-12.webp"
          />
        </div>
        <div class="middle item">提示文案</div>
        <div class="right item">
          <img
              alt="右侧"
              src="@/components/assets/images/design/1-12.webp"
          />
        </div>
      </div>

      <el-row class="patient-number-area">
        <template v-if="(messageInfo?.stateInfo)==='success'">
          <template v-for="item in 1">
            <el-col :span="24">
              <div class="item-childs item-top">
                <img
                    alt="右侧"
                    src="@/components/assets/images/design/1-1×2.png"
                />
              </div>
            </el-col>
            <el-col :span="24">
              <div class="item-childs item-middle">
                {{messageInfo?.header}}
              </div>
            </el-col>
            <el-col :span="24">
              <div class="item-childs item-bottom">
                {{messageInfo?.describe}}
              </div>
            </el-col>
          </template>
        </template>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: 'PatientNumberRezResult',

  componentName: "PatientNumberRezResult",

  components: {},

  data() {
    return {}
  },

  props:{
    operateInfo:{
      type: Object,
      default:()=>{
        return {
          stateInfo:'success',
          header:'预约成功',
          describe:'您已成功于10:23分预约'
        }
      }
    },
  },

  computed: {
    messageInfo(){
      return this.$store.getters['DRCbiz/getMessageInfo']
    }
  },

  mounted() {},

  methods: {},
}

</script>

<style scoped lang="scss">
@import "assets/style";
</style>